<%--&lt;%&ndash;--%>
<%--  Created by IntelliJ IDEA.--%>
<%--  User: lenovo--%>
<%--  Date: 2024/6/13--%>
<%--  Time: 10:24--%>
<%--  To change this template use File | Settings | File Templates.--%>
<%--&ndash;%&gt;--%>
<%--<%@ page contentType="text/html;charset=UTF-8" language="java" %>--%>
<%--<html>--%>
<%--<head>--%>
<%--    <title>Title</title>--%>
<%--    <style>--%>
<%--        table{--%>
<%--            width: 1200px;--%>
<%--        }--%>
<%--        tr,td{--%>
<%--            border: grey 1px ;--%>
<%--        }--%>
<%--        td{--%>
<%--            height: 40px;--%>
<%--        }--%>

<%--        table td{--%>
<%--            height: 60px;--%>
<%--            vertical-align: middle!important;  /*设置文字垂直居中*/--%>
<%--            text-align: center;--%>
<%--        }--%>

<%--        tr,td{border-right:1px solid #888;border-bottom:1px solid #888;padding:5px 15px;}--%>

<%--        th{font-weight:bold;background:#ccc;}--%>

<%--        .con-b .row .lf{--%>
<%--            width: 15%;--%>
<%--            text-align: center;--%>
<%--            padding: 10px;--%>
<%--        }--%>
<%--        .con-b .row .rg{--%>
<%--            width: 85%;--%>
<%--        }--%>

<%--        .con-b tr:nth-of-type(odd){--%>
<%--            background-color: #f2f2f2;--%>
<%--        }--%>



<%--    </style>--%>
<%--    <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>--%>

<%--</head>--%>
<%--<body>--%>
<%--&lt;%&ndash; searchMyStudent  matchText&ndash;%&gt;--%>
<%--<div style="width: 1200px;height: 50px;margin-left:260px;background-color: aliceblue;border: grey 1px solid">--%>
<%--    &lt;%&ndash;    搜索框&ndash;%&gt;--%>


<%--</div>--%>


<%--<table border="1" cellspacing="0" align="center" class="con-b">--%>
<%--    <thead>--%>

<%--    &lt;%&ndash;    'userAccount' 'userName' 'userSex' 'userBirthday' 'userIdCard' 'userPassword' 'userIdentify''userOtherName'&ndash;%&gt;--%>
<%--    <tr class="row" style="color: black;font-size: 25px" >--%>
<%--        <td class="lf">老师账户</td>--%>
<%--        <td class="lf">老师姓名</td>--%>
<%--        <td class="lf" style="width: 10%">性别</td>--%>
<%--        <td class="lf">科目</td>--%>
<%--        <td class="lf">我的题目</td>--%>
<%--        <td style="width: 15%">操作</td>--%>
<%--    </tr>--%>
<%--    </thead>--%>
<%--    <tbody>--%>
<%--    &lt;%&ndash;    'userAccount' 'userName' 'userSex' 'userBirthday' 'userIdCard' 'userPassword' 'userIdentify''userOtherName'&ndash;%&gt;--%>
<%--    <c:forEach items="${arr}" var="person">--%>
<%--        <tr>--%>
<%--            <td class="lf">${person.getUserAccount()}</td>--%>
<%--            <td class="lf">${person.getUserName()}</td>--%>
<%--            <td class="lf">${person.getUserSex()}</td>--%>
<%--            <td class="lf">${person.getUserOtherName()}</td>--%>
<%--            <td class="lf">--%>
<%--                <img onclick="goMyTask('${person.getUserAccount()}')" src="detail.jpg">--%>
<%--            </td>--%>
<%--                <td><img onclick="deleteThisPerson('${person.getUserAccount()}')" src="del.jpg"></td>--%>
<%--        </tr>--%>

<%--    </c:forEach>--%>

<%--    </tbody>--%>


<%--</table>--%>

<%--</body>--%>

<%--<script>--%>

<%--    function goMyTask(teacherAccount){--%>
<%--        window.location.href = "student.action?action=goMyTeaTask&teacherAccount="+teacherAccount--%>
<%--    }--%>

<%--    function deleteThisPerson(teacherAccount) {--%>
<%--        window.location.href = "student.action?action=deleteMyTeacher&teacherAccount="+teacherAccount--%>
<%--    }--%>

<%--</script>--%>
<%--</html>--%>






<%--
  Created by IntelliJ IDEA.
  User: lenovo
  Date: 2024/12/20
  Time: 10:24
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>教师信息表</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f5f5f5;
            margin: 0;
            padding: 0;
        }
        /* 表格样式 */
        table {
            width: 1200px;
            border-collapse: collapse;
            margin: 0 auto; /* 使表格在页面中水平居中，可根据需要修改 */
        }
        thead tr {
            background-color: #007bff;
            color: #fff;
            font-size: 20px;
        }
        th, td {
            padding: 12px 15px;
            text-align: center;
        }
        tr:nth-of-type(even) {
            background-color: #f9f9f9;
        }
        tr:hover {
            background-color: #007bff;
        }
        /* 其他 tr 元素的悬停效果 */
        tbody tr:hover {
            background-color: #f1f1f1;
        }
        .actions img {
            width: 24px;
            height: 24px;
            cursor: pointer;
        }
        /* 响应式调整 */
        @media (max-width: 768px) {
            table {
                width: 100%;
            }
            th, td {
                padding: 8px 10px;
            }
        }
    </style>
    <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
</head>
<body>
<!-- 直接放置表格 -->
<table>
    <thead>
    <tr>
        <th>老师账户</th>
        <th>老师姓名</th>
        <th>性别</th>
        <th>科目</th>
        <th>我的题目</th>
        <th>操作</th>
    </tr>
    </thead>
    <tbody>
    <c:forEach items="${arr}" var="person">
        <tr>
            <td>${person.getUserAccount()}</td>
            <td>${person.getUserName()}</td>
            <td>${person.getUserSex()}</td>
            <td>${person.getUserOtherName()}</td>
            <td class="actions">
                <img onclick="goMyTask('${person.getUserAccount()}')" src="detail.jpg" alt="查看题目">
            </td>
            <td class="actions">
                <img onclick="deleteThisPerson('${person.getUserAccount()}')" src="del.jpg" alt="删除">
            </td>
        </tr>
    </c:forEach>
    </tbody>
</table>


<script>
    function goMyTask(teacherAccount) {
        window.location.href = "student.action?action=goMyTeaTask&teacherAccount=" + teacherAccount;
    }

    function deleteThisPerson(teacherAccount) {
        window.location.href = "student.action?action=deleteMyTeacher&teacherAccount=" + teacherAccount;
    }
</script>
</html>









